<!DOCTYPE html>
<%@ page contentType="text/html;charset=utf-8"%>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
    <script>
        document.write('<script src="plugin/vue/js/import.js?'
            + Math.random() + '"><' + '/script>');
    </script>
    <title></title>
    <!--   <link rel="stylesheet" type="text/css" href="plugin/css/idx.css">
      <link rel="stylesheet" type="text/css" href="plugin/css/fontawesome-all.min.css"> -->
    <script>
        _import("plugin/vue/js/before.js");
    </script>
    <script>
        _import("plugin/css/cssFeet/idx.css");
    </script>
    <script>
        _import("plugin/css/fontawesome-all.min.css");
    </script>
</head>
<style type="text/css">
    /*浏览器极速模式提示*/
    .w-lgmodal{position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: .5;  background: #000;}
    .w-lgbox{position: fixed; top: 0; bottom: 0; left: 0; right: 0; text-align: center; z-index: 99;}
    .w-lgbox:after{content: "";  display: inline-block;   height: 100%;   width: 0;  vertical-align: middle;}
    .w-lgpopbox{display: inline-block;  width: 420px;  padding-bottom: 10px;  vertical-align: middle;  background-color: #fff;
        border-radius: 4px;  border: 1px solid #EBEEF5;  font-size: 16px; box-shadow: 0 2px 12px 0 rgba(0,0,0,0.1);
        text-align:left; overflow: hidden; backface-visibility: hidden;}
    .w-lgpopbox h3{margin:0; padding:15px 20px 0 20px; font-size:18px;}
    .w-lgbox-msg{text-align: center; color:#f00; margin-top:15px;}
    #cnzz_stat_icon_1280170676{position: absolute;  bottom: 3px;  right: 3px;}
</style>
<body class="w-loginbg w-czappwrap">
<div id="app"  class="container w-nlogin" v-cloak>
    <h1 class="w-logtitle">{{title}}</h1>
    <div class="w-login">
        <h3>用户登录</h3>
        <form ref="loginForm" class="w-fmbox" method="post" action="authentication/form">
            <div class="w-fmgroup">
                <div class="w-fmrow">用户名:</div>
                <input type="text" class="" name="username" id="user" placeholder="请输入用户名"   v-model="name">
                <input type="hidden" id="name" value="${name}">
            </div>
            <div class="w-fmgroup">
                <div class="w-fmrow"><i>密 &nbsp;&nbsp;码:</i></div>
                <input type="password" class="" name="password"
                       id="password" placeholder="请输入密码"  v-model="password">
                <input type="hidden" id="key" value="${key}">
            </div>
            <div class="w-fmgroup w-fmyzm"><div class="w-fmrow w-cz-code">验证码:</div>
                <input type="input"  class=""  name="code" id="code" placeholder="验证码" v-model="code"/>
                <img id="randomImage" title="点击更新" id="imgcode"  src=""   @click="refreshimg"/>
            </div>
            <span id="error">${error}</span>
            <button type="button" id="loginsmt" class="w-lgbtn" @click="submit">登 录</button>
        </form>
        <div class="form-group">
            <div id="alertsms" class="alert alert-danger"></div>
        </div>
    </div>

    <!-- 浏览器极速模式提示 -->
    <div class="w-lgbox" id="tip" style="display:none;">
        <div class="w-lgpopbox">
            <h3>消息提示</h3>
            <div class="w-lgbox-msg">
                <p>系统只支持极速模式，请您在地址栏右侧修改</p>
                <p><img src="plugin/images/login/browserpop.png"/></p>
            </div>
        </div>
    </div>
    <div class="w-lgmodal" id="tipmask"  style="display:none;"></div>
</div>
</body>
<script>
    // _import("plugin/vue/js/md5.js");
    _import("plugin/vue/js/rsa.js");
</script>
<script>
    _import("plugin/vue/js/after.js?type=0");
</script>
<script>
    _import("js/idx.js?dir=mainFeet");
</script>
</html>